﻿<!DOCTYPE HTML>
<html lang="en"> <!-- 用谷歌浏览器之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） -->
<head>
	<title>Smilehe's Website</title>
	<link href="/favicon.ico" rel="icon" type="image/x-icon" />
	<!-- css 样式表文件 -->
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
	<link href="css/cobox.css" rel="stylesheet" type="text/css">
	<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all">

	<!-- js 文件 -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/classie.js"></script>
	<script src="js/cobox.js"></script>
	<script src="js/grid3d.js"></script>
	<script src="js/helper.js"></script>
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/modernizr.custom.js"></script>
	<script src="js/responsiveslides.min.js"></script>
</head>

<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<div class="navbar-wrapper">
	<div class="container">

		<nav class="navbar navbar-inverse navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">切换导航</span>  <!-- sr-only 元素隐藏 -->
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html">Smiilehe 's Website</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse navbar-right">
					<ul class="nav navbar-nav link-effect">
						<li class='active'><a href="#">主页</a></li>
						<li><a href="#about">关于</a></li>
						<li><a href="#portfolio">文章</a></li>
						<li><a href="#gallery">图库</a></li>
						<li><a href="#contact">联系</a></li>
					</ul>
				</div>
			</div>
		</nav>

	</div>
</div>
<!-- 首页Banner -->
<div class="banner">
	<ul class="rslides" id="slider">
		<li>
			<div class="banner-info">
				<h3>My dream</h3>
				<span class="line1"></span>
				<p>Welcome to Smilehe's Website</p>
				<span class="line2"></span>
				<div class="social-icons">
					<a href="http://weibo.com/chenhe0131" target=_blank><span class="facebook" target=_blank></span></a>
					<a href="https://twitter.com/smile_he0131" target=_blank><span class="twitter"></span></a>
					<a href="http://steamcommunity.com/id/smile_he" target=_blank><span class="linkedin"></span></a>
					<a href="https://www.youtube.com/channel/UCXJvh8FF-GdslDpQA7VSF_Q" target=_blank><span
							class="googleplus"></span></a>
					<p>下拉查看更多</p>
				</div>
			</div>
		</li>
		<li>
			<div class="banner-info">
				<h3>Your potential</h3>
				<span class="line1"></span>
				<p>Welcome to Smilehe's Website</p>
				<span class="line2"></span>
				<div class="social-icons">
					<a href="http://weibo.com/chenhe0131" target=_blank><span class="facebook" target=_blank></span></a>
					<a href="https://twitter.com/smile_he0131" target=_blank><span class="twitter"></span></a>
					<a href="http://steamcommunity.com/id/smile_he" target=_blank><span class="linkedin"></span></a>
					<a href="https://www.youtube.com/channel/UCXJvh8FF-GdslDpQA7VSF_Q" target=_blank><span
							class="googleplus"></span></a>
					<p>上滑查看更多</p>
				</div>
			</div>
		</li>
		<li>
			<div class="banner-info">
				<h3>Our passion</h3>
				<span class="line1"></span>
				<p>Welcome to Smilehe's Website</p>
				<span class="line2"></span>
				<div class="social-icons">
					<a href="http://weibo.com/chenhe0131"target=_blank><span class="facebook" target=_blank></span></a>
					<a href="https://twitter.com/smile_he0131"target=_blank><span class="twitter"></span></a>
					<a href="http://steamcommunity.com/id/smile_he"target=_blank><span class="linkedin"></span></a>
					<a href="https://www.youtube.com/channel/UCXJvh8FF-GdslDpQA7VSF_Q"target=_blank><span class="googleplus"></span></a>
					<p>下拉查看更多</p>
				</div>
			</div>
		</li>
	</ul>
</div>
<!-- /首页Banner -->
<!-- 关于About -->
<div class="about-me" id="about">
	<h3 class="text-center slideanim">About</h3>
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-xs-12">
				<div class="mydetails slideanim text-center">
					<img class="img-circle img-responsive" src="images/man.jpg" alt="Generic placeholder image" width="200" height="200">
					<h3>Smilehe 陈贺</h3>
					<p>ASP.NET, HTML and Windows 10 Developer</p>
					<p>&nbsp;</p>
					<p>Goal:Microsoft MSP & MVP;</p>
					<div class="social-icons">
						<a href="http://weibo.com/chenhe0131"target=_blank><span class="facebook" target=_blank></span></a>
						<a href="https://twitter.com/smile_he0131"target=_blank><span class="twitter"></span></a>
						<a href="http://steamcommunity.com/id/smile_he"target=_blank><span class="linkedin"></span></a>
						<a href="https://www.youtube.com/channel/UCXJvh8FF-GdslDpQA7VSF_Q" target=_blank><span class="googleplus"></span></a>
					</div>
				</div>
			</div>
			<div class="col-md-8 col-xs-12">
				<div class="myskills slideanim">
					<h3 class="text-center">Info</h3>
					<p class="skill-text"><b>Personal Info:</b>目前是一名软件专业的学生，Nokia和Microsoft粉丝，Windows Phone用户，我很喜欢当年Nokia出品，范爷主演的《凡事·不平凡》的这句话:"你也许认为我疯狂，就像我认为你太过平常"。每当看到都心潮澎湃，高中的时候接触编程，曾经参加过NOIP2013，仅仅获得一个提高组三等奖，但是并没有阻挡我学习编程的热情；大学的时候真正的投入到了这方面的学习，对代码有一种天生的亲切感，准备在.Net方向上一路走到亮。知乎上有人提问，如何度过人生中的二十岁，大家的见解各有不同，我想用《生活大爆炸》中的霍华德说过的一句话来回答这个问题：not everyone will accomplish something great, some of us may just have to find meaning in the little moments that make up life. (不是所有人都功成名就，我们中的有些人注定要在日常生活的点滴中寻找生命的意义)总之，未来很精彩，我很期待。
					<p><b>Website Info:</b>Smilehe，我想用这个网站来记录学习上的过程和自己总结的一些经验，还有转载一些新闻，一些技巧和生活记录，大部分都是个人感兴趣的一些东西，有关C#,ASP.NET,MVC,Windwos 10,UWP,WinPhone,Hololens,之类的，欢迎志同道合的朋友与我交流。</p>
					<div class="skill-info">
						<div class="table-responsive"> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- /关于About -->
<!-- 代表作品Portfolio -->
<div class="myportfolio" id="portfolio">
	<h3 class="text-center slideanim">文章</h3>
	<p class="text-center slideanim">最近的新闻，记录和随笔，点击图片了解更多</p>
	<section class="vertical" id="grid3d">
		<div class="grid-wrap">
			<div class="grid">
				<figure><img class="slideanim" src="images/1.jpg" alt="img01"/></figure>
				<figure><img class="slideanim" src="images/2.jpg" alt="img05"/></figure>
				<figure><img class="slideanim" src="images/3.jpg" alt="img08"/></figure>
				<figure><img class="slideanim" src="images/4.jpg" alt="img02"/></figure>
				<figure><img class="slideanim" src="images/5.jpg" alt="img04"/></figure>
				<figure><img class="slideanim" src="images/6.jpg" alt="img03"/></figure>

			</div>
		</div><!-- /grid-wrap -->
		<div class="content">
			<div>
				<div class="content-img"><img src="images/1-1.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">购物更从容：Win10 Edge浏览器已支持付款请求API</h3>
				<p class="content-text">12月19日消息，近期微软已经宣布在Win10创造者更新系统中Edge浏览器将加入支付/付款请求API，现在正在Win10创造者更新预览版Edge浏览器上进行测试，Edge浏览器支付请求API支持微软钱包UWP版，包括Windows10 PC和Win10 Mobile用户使用。如果你已经升级到最新的Win10创造者更新14986系统，那么现在可以尝鲜使用Payments Request API，不过开关并不明显，用户需要在about:flags设置中开启这项“网页支付”功能。</p>
			</div>
			<div>
				<div class="content-img"><img src="images/2-2.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">CES 2017：配件商麦格纳将用微软HoloLens演示未来汽车</h3>
				<p class="content-text">12月19日消息，主流的加拿大汽车配件厂商Magna（麦格纳）将在即将召开的CES 2017科技展上使用微软HoloLens混合现实设备演示最新的汽车高级技术，包括相机、传感器、镭射激光雷达/定位系统，开启自动驾驶。该厂商还将演示座位传感器，以便为司机和车辆提供持续的反馈，主动气动燃油效率的技术，还有从多个混合变异到全面电气化的各种动力系统体系结构技术。除此之外，麦格纳还将展示最新的驾驶辅助系统，帮助汽车制造商如何达到丰富的自主驾驶水平。麦格纳为通用汽车、福特汽车、克莱斯勒汽车，还有新兴的特斯拉等公司提供配件。</p>
			</div>
			<div>
				<div class="content-img"><img src="images/3-3.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">遥想CES 2025：MR隐形眼镜、HoloLens时尚款、微型无人机</h3>
				<p class="content-text">12月19日消息，VentureBeat国外媒体发布文章依据科技的宏观趋势和消费者行为，遥想可能将会出现在CES 2025的八大产品。1. Bausch & Lomb和Magic Leap发布混合现实隐形眼镜 2. Facebook、Oculus和Parrot发布微型无人机 3.微软携手雷朋将HoloLens技术带到雷朋的时尚眼镜 4. LG发布美食制造机：LG Food-e 5.科勒公司的Bioscan智能坐便器提供精确的健康营养反馈 6.通用汽车和沃尔格林发布Health on the Go 7.索尼为PlayStation推出带触觉反馈的VR便服 8.庄臣公司给消费品带来新的智能包装</p>
			</div>
			<div>
				<div class="content-img"><img src="images/4-4.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">微软发布Skype预览版11.10.147：修复在Win10预览版中崩溃问题</h3>
				<p class="content-text">Lorem Ipsum is12月17日消息，昨天微软最新的预览版Skype在Windows中时常出现崩溃问题的消息，包括桌面版和手机版都会出现这样的错误。出现错误的版本号为11.10.146.0。这个版本是唯一能够在Win10预览版中使用的，包括慢速和快速通道的用户。现在，微软推送了最新11.10.147.0版的Skype，主要修复上述崩溃的问题。微软表示，Windows Insiders用户是目前受到上述崩溃问题影响的唯一用户群，快速通道用户已经在昨晚收到了更新，慢速通道及公众预览版用户也将收到推送。</p>
			</div>
			<div>
				<div class="content-img"><img src="images/5-5.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">类似Win10 UWP：微软To-Do List项目Cheshire也将推出网页版应用</h3>
				<p class="content-text">在今年年初，微软To-Do List项目Project Cheshire曝光，在过去几个月内微软Project Cheshire正在向iOS和安卓迁移，进行私密内测。而现在Project Cheshire被证明也将推出网页版应用。微软目前正在测试Project Cheshire网页版应用，和Win10 UWP、iOS、安卓应用一起私密测试，网页版体验类似于Win10 UWP版，包括UI和功能性。Project Cheshire是微软近期最有趣的项目之一，这是因为此前微软已经收购Wunderlist，近期Wunderlist已经集成小娜添加To-Do List功能。实际上微软还上线了Cheshire导入工具，包括支持Wunderlist和Todoist（另一款第三方应用）的数据迁移。</p>
			</div>
			<div>
				<div class="content-img"><img src="images/6-6.jpg" class="img-responsive" alt="my projects"></div>
				<h3 class="content-text">多家OEM厂商正在测试基于ARM处理器的Win10笔记本</h3>
				<p class="content-text">2月16日消息，微软在今年的WinHEC上演示了基于高通骁龙820处理器的Win10系统，而现在有消息称有多家OEM厂商正在测试基于ARM处理器的笔记本和平板电脑，预计明年下半年正式推出。根据台湾《Digitimes》获得的最新消息，有PC OEM厂商正在测试基于ARM处理器的Win10笔记本和平板电脑，预计将于2017年下半年正式发布。根据他们的报告，OEM认为采用ARM处理器能够有效地增加笔记本的续航，同时制造成本也能有所下降，不过更为重要的是提供给了他们新的PC发展点。当然基于Win 10系统的ARM笔记本和搭载WinRT系统的笔记本还是有十分巨大的差别。因为用户可以在ARM设备上直接安装和运行WIn32应用。</p>
			</div>

			<span class="loading"></span>
			<span class="icon close-content"></span>
		</div>
	</section>
</div>
<!-- /代表作品Portfolio -->
<!-- 图库Gallery -->
<div class="mygallery" id="gallery">
	<h3 class="text-center slideanim">图库</h3>
	<p class="text-center slideanim">一些个人收藏的图片，点击查看大图</p>
	<div class="text-center"> <!-- href=点开查看的大图  src=缩略的小图 -->
		<a href="images/me1.jpg" title="My Image Gallery"><img src="images/me1.jpg" alt="example-1" class="img-responsive slideanim"></a>
		<a href="images/me2.jpg" title="My Image Gallery"><img src="images/me2.jpg" alt="example-2" class="img-responsive slideanim"></a>
		<a href="images/me3.jpg" title="My Image Gallery"><img src="images/me3.jpg" alt="example-3" class="img-responsive slideanim"></a>
		<a href="images/me4.jpg" title="My Image Gallery"><img src="images/me4.jpg" alt="example-3" class="img-responsive slideanim"></a>
		<a href="images/me5.jpg" title="My Image Gallery"><img src="images/me5.jpg" alt="example-3" class="img-responsive slideanim"></a>
		<a href="images/me6.jpg" title="My Image Gallery"><img src="images/me6.jpg" alt="example-3" class="img-responsive slideanim"></a>
		<a href="images/me7.jpg" title="My Image Gallery"><img src="images/me7.jpg" alt="example-3" class="img-responsive slideanim"></a>
		<a href="images/me8.jpg" title="My Image Gallery"><img src="images/me8.jpg" alt="example-3" class="img-responsive slideanim"></a>
	</div>

</div>
<!-- 图库Gallery -->
<!-- 页脚footer -->
<div class="contact-me" id="contact">
	<h3 class="text-center slideanim">联系</h3>
	<p class="text-center slideanim">主要活跃在steam，贴吧，哔哩哔哩</p>
	<div class="container">
		<footer>
			<div class="row">
				<div class="col-md-6 slideanim">
					<div class="contact-details">
						<form action="#" method="post">
							<div class="row">
								<div class="col-sm-12 form-group">
									<input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
								</div>
								<div class="col-sm-12 form-group">
									<input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
								</div>
							</div>
							<textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br>
							<div class="row">
								<div class="col-sm-12 form-group">
									<button class="btn btn-default btn-lg" type="submit"><a href="index1.html">Send</a><span class="glyphicon glyphicon-menu-right"></span></button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="col-md-6 slideanim">
					<div class="contact-info">
						<h4>Contact Info</h4>
						<p>欢迎大家和我交流</p>
						<div class="footer-info">
							<div>
								<i class="glyphicon glyphicon-globe"></i>
								<p class="p1">JiangSu</p>
								<p class="p2">China</p>
							</div>
							<div>
								<i class="glyphicon glyphicon-phone-alt"></i>
								<p class="p1">Skype</p>
								<p class="p2">smilehe0131@outlook.com</p>
							</div>
							<div>
								<i class="glyphicon glyphicon-envelope"></i>
								<p class="p1"><a href="mailto:smilehe0131@outlook.com">smilehe0131@outlook.com</a></p>
								<p class="p2"><a href="mailto:smilehe0131@vip.qq.com">smilehe0131@vip.qq.com</a></p>
							</div>
						</div>
						<h5>In The End</h5>
						<p>Write the Code. Change the World.</p>
					</div>
				</div>
			</div>
			<hr>
			<div class="copyright">
				<p class="text-center">© 2017 Smilehe's blog. All Rights Reserved | Design by <a href="mailto:smilehe0131@outlook.com">Smilehe</a> and thanks for <a href="http://w3layouts.com">W3layouts.</a></p>
			</div>
			<a href="#myPage" title="To Top"><span class="glyphicon glyphicon-chevron-up"></span></a>
		</footer>
	</div>
</div>
<!-- /页脚footer -->
<!-- js 文件 -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- js files for banner slider 用于首页的js文件-->
<script src="js/responsiveslides.min.js"></script>
<script>
    $(window).load(function() {

        // Slideshow for banner
        $("#slider").responsiveSlides({
            maxwidth: 1920,
            speed: 1000
        });


    });
</script>
<!-- /js files for banner slider 用于首页的js文件-->

<!-- js files for portfolio 用于代表作的js文件-->
<script src="js/classie.js"></script>
<script src="js/helper.js"></script>
<script src="js/grid3d.js"></script>
<script>
    new grid3D( document.getElementById( 'grid3d' ) );
    //    带3D翻转弹出框全屏展示的图片
</script>
<!-- /js files for portfolio 用于代表作的js文件-->

<!-- js files for gallery 用于图库的js文件-->
<script type="text/javascript" src="js/cobox.js"></script>
<!-- /js files for gallery 用于图库的js文件-->

<!-- js for smooth scrolling 用于smooth scrolling的js文件-->
<script>
    $(document).ready(function(){
        // 添加平滑滚动在导航栏+页脚链接所有链接
        $(".navbar a, footer a[href='#myPage']").on('click', function(event) {

            // Store hash 存储散列
            var hash = this.hash;  //散列

            // 使用jQuery中的animate()方法添加平滑滚动页面
            // 通过改变数字（900）来改变指定滚动到指定区域所需的毫秒数.
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 900, function(){

                // 在完成滚动时将散列(#)添加到URL(默认点击行为)
                window.location.hash = hash;
            });
        });
    })

</script>
<!-- /js for smooth scrolling 用于smooth scrolling的js文件-->

<!-- js for sliding 用于sliding的js文件-->
<script>
    $(window).scroll(function() {
        $(".slideanim").each(function(){
            var pos = $(this).offset().top;

            var winTop = $(window).scrollTop();
            if (pos < winTop + 600) {
                $(this).addClass("slide");
            }
        });
    });
</script>
<!-- /js for sliding 用于sliding的js文件-->
<!-- /js files js文件-->

</body>
</html>	
